.h20 {
  height: 20px;
}

.h12 {
  height: 12px;
}
.h24{
  height:24px;
}

.fr{
  float:right;
}
.fl{
  float:left;
}

.font{
  &16{
    font-size: 16px;
  }
  &18{
    font-size: 18px;
  }
  &20{
    font-size: 20px;
  }
}

.flex,.d-flex{
  display:flex;
}
.flex-1{
  flex:1;
}
.flex-column{
  flex-direction: column;
}
.align-items-center{
  align-items: center;
}
.mlauto{
  margin-left:auto;
}
.mrauto{
  margin-right:auto;
}
.ml12{
  margin-left:12px;
}
.mr{
  &12{
    margin-right:12px;
  }
  &4{
    margin-right:4px;
  }
  &6{
    margin-right:6px;
  }
  &8{
    margin-right:8px;
  }
}
.mr12{
  margin-right:12px;
}
.pl12{
  padding-left:12px;
}
.pr12{
  padding-right:12px;
}

.header-title{
  line-height:28px;
}

.childs-container{
  display:flex;
  flex-wrap: wrap;
  dl{
    position:relative;
    padding:12px 0;
    text-align:center;
    width:10%;
    cursor:pointer;
    &.selected, &.active{
      color:#409EFF;
      font-weight:bold;
    }
    dd{
      margin-inline-start: 0;
      font-size:14px;
      &.iconfont{
        position:absolute;
        font-size:48px;
        top:0;
        right:0;
        bottom:0;
        left:0;
        color:#409EFF;
      }
    }
    img{
      width:32px;
    }
  }
}

.ele-table-tool {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.ele-table-tool-default {
  margin-bottom: 0;
  border: 1px solid #ededed;
  border-bottom: none;
  background-color: #fafafa;
  padding: 10px 15px;
  box-sizing: border-box;
}

.el-table thead {
  background: #fafafa;
  color: #262626;
  font-weight: 500;
}

.el-table th {
  color: #262626;
  background: #fafafa;
}

.el-dialog__headerbtn i {
  font-size: 28px;
 }

 .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
  max-height: 500px;
  overflow-y: scroll;
}